﻿<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie ie6 lt8 lt9 lt10"><![endif]-->
<!--[if IE 7]><html class="ie ie7 lt8 lt9 lt10"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lt9 lt10"><![endif]-->
<!--[if IE 9]><html class="ie ie9 lt10"><![endif]-->
<!--[if (gt IE 9) | !(IE)]><!-->
<html>
<!--<![endif]-->

<head>
    <!--#include file="../inc/key.aspx"-->
    <link rel="stylesheet" href="../css/ks_style.css">
</head>

<body class="family">
    <!--#include file="../inc/header.aspx"-->
    <div class="head">
        <div class="wrap">
            <ul>
                <li>
                    <a href="javascript:void()">
                        <h2><span>200</span>m²</h2>
                        <p>单身轻熟女</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:void()">
                        <h2><span>60</span>m²</h2>
                        <p>LOFT - 空巢年轻人</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:void()">
                        <h2><span>90</span>m²</h2>
                        <p>文艺女青年</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:void()">
                        <h2><span>120</span>m²</h2>
                        <p>自由职业人</p>
                    </a>
                </li>
            </ul>

        </div>
        <div>
            <img src="../images/family-banner.jpg" alt="">
        </div>
    </div>
    <div class="main">
        <div class="wrap">
            <div class="tit">
                <h2>小S—北欧简约惬意生活</h2>
                <p>有这样一群人，她们单身、高学历、有一份让人尊重的工作、不靠家庭背景靠自己努力拼博向上、有气质、有思想 有追求。<br/>小Q就是其中之一！</p>
            </div>

            <div class="swiper-container type1">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide" style="background-image: url(../images/family-swiper-1.jpg);">
                        <div class="text">
                            <h2>客厅</h2>
                            <p>
                                一推开门，有个小小的玄关，<br> 换上舒适的人字拖就来到了客厅，也是我日常放松休闲的主要场所。
                                <br> 整个客厅空间的现代感也慢慢展现。
                            </p>
                        </div>
                    </li>
                    <li class="swiper-slide" style="background-image: url(../images/family-swiper-2.jpg);">
                        <div class="text">
                            <h2>客厅</h2>
                            <p>
                                一推开门，有个小小的玄关，<br> 换上舒适的人字拖就来到了客厅，也是我日常放松休闲的主要场所。
                                <br> 整个客厅空间的现代感也慢慢展现。
                            </p>
                        </div>
                    </li>
                    <li class="swiper-slide" style="background-image: url(../images/family-swiper-3.jpg);">
                        <div class="text">
                            <h2>客厅</h2>
                            <p>
                                一推开门，有个小小的玄关，<br> 换上舒适的人字拖就来到了客厅，也是我日常放松休闲的主要场所。
                                <br> 整个客厅空间的现代感也慢慢展现。
                            </p>
                        </div>
                    </li>
                </ul>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>

            <div class="swiper-wrap">
                <div class="cover">
                    <div class="text">
                        <div class="cs1">
                            <div class="cell"></div>
                        </div>
                    </div>
                </div>
                <div class="type2">
                    <div class="swiper-container">
                        <ul class="swiper-wrapper">
                            <li class="swiper-slide" style="background-image: url(../images/family-swiper-5.jpg);">
                                <div data-img="../images/family-swiper-4.jpg" class="cont">
                                    <h2>餐厅</h2>
                                    <p>
                                        餐桌也是极简主义的设计，铁艺和皮革的结合、风格的混搭都有一种和谐的美感，整体来看既有一点北欧风格，又满满工业范！
                                    </p>
                                </div>
                            </li>
                            <li class="swiper-slide" style="background-image: url(../images/family-swiper-6.jpg);">
                                <div data-img="../images/family-swiper-4.jpg" class="cont">
                                    <h2>2餐厅</h2>
                                    <p>
                                        2餐桌也是极简主义的设计，铁艺和皮革的结合、风格的混搭都有一种和谐的美感，整体来看既有一点北欧风格，又满满工业范！
                                    </p>
                                </div>
                            </li>
                            <li class="swiper-slide" style="background-image: url(../images/family-swiper-7.jpg);">
                                <div data-img="../images/family-swiper-4.jpg" class="cont">
                                    <h2>3餐厅</h2>
                                    <p>
                                        3餐桌也是极简主义的设计，铁艺和皮革的结合、风格的混搭都有一种和谐的美感，整体来看既有一点北欧风格，又满满工业范！
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>

            <div class="swiper-container type1">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide" style="background-image: url(../images/family-swiper-8.jpg);">
                        <div class="text">
                            <h2>厨房</h2>
                            <p>
                                厨房延续了餐厅的黑色，更加注重厨房的收纳功能，<br> 所以橱柜的选择都是大空间收纳，日常存取食材物品也方便。
                                <br> 毕竟小小的厨房也要有生活的烟火气！
                            </p>
                        </div>
                    </li>
                    <li class="swiper-slide" style="background-image: url(../images/family-swiper-8.jpg);">
                        <div class="text">
                            <h2>厨房</h2>
                            <p>
                                厨房延续了餐厅的黑色，更加注重厨房的收纳功能，<br> 所以橱柜的选择都是大空间收纳，日常存取食材物品也方便。
                                <br> 毕竟小小的厨房也要有生活的烟火气！
                            </p>
                        </div>
                    </li>
                    <li class="swiper-slide" style="background-image: url(../images/family-swiper-8.jpg);">
                        <div class="text">
                            <h2>厨房</h2>
                            <p>
                                厨房延续了餐厅的黑色，更加注重厨房的收纳功能，<br> 所以橱柜的选择都是大空间收纳，日常存取食材物品也方便。
                                <br> 毕竟小小的厨房也要有生活的烟火气！
                            </p>
                        </div>
                    </li>
                </ul>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>

            <div class="swiper-wrap">
                <div class="cover">
                    <div class="text">
                        <div class="cs1">
                            <div class="cell"></div>
                        </div>
                    </div>
                </div>
                <div class="type2">
                    <div class="swiper-container">
                        <ul class="swiper-wrapper">
                            <li class="swiper-slide" style="background-image: url(../images/family-swiper-5.jpg);">
                                <div data-img="../images/family-swiper-9.jpg" class="cont">
                                    <h2>餐厅</h2>
                                    <p>
                                        餐桌也是极简主义的设计，铁艺和皮革的结合、风格的混搭都有一种和谐的美感，整体来看既有一点北欧风格，又满满工业范！
                                    </p>
                                </div>
                            </li>
                            <li class="swiper-slide" style="background-image: url(../images/family-swiper-6.jpg);">
                                <div data-img="../images/family-swiper-9.jpg" class="cont">
                                    <h2>2餐厅</h2>
                                    <p>
                                        2餐桌也是极简主义的设计，铁艺和皮革的结合、风格的混搭都有一种和谐的美感，整体来看既有一点北欧风格，又满满工业范！
                                    </p>
                                </div>
                            </li>
                            <li class="swiper-slide" style="background-image: url(../images/family-swiper-7.jpg);">
                                <div data-img="../images/family-swiper-9.jpg" class="cont">
                                    <h2>3餐厅</h2>
                                    <p>
                                        3餐桌也是极简主义的设计，铁艺和皮革的结合、风格的混搭都有一种和谐的美感，整体来看既有一点北欧风格，又满满工业范！
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>

            <div class="swiper-container type1">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide" style="background-image: url(../images/family-swiper-10.jpg);">
                        <div class="text">
                            <h2>卧室</h2>
                            <p>
                                卧室有一个格局的改变，是原本户型的储物间被打通和卧室结合，<br> 被改成了衣帽间！又一家装心愿达成！
                            </p>
                        </div>
                    </li>
                    <li class="swiper-slide" style="background-image: url(../images/family-swiper-10.jpg);">
                        <div class="text">
                            <h2>卧室</h2>
                            <p>
                                卧室有一个格局的改变，是原本户型的储物间被打通和卧室结合，<br> 被改成了衣帽间！又一家装心愿达成！
                            </p>
                        </div>
                    </li>
                    <li class="swiper-slide" style="background-image: url(../images/family-swiper-10.jpg);">
                        <div class="text">
                            <h2>卧室</h2>
                            <p>
                                卧室有一个格局的改变，是原本户型的储物间被打通和卧室结合，<br> 被改成了衣帽间！又一家装心愿达成！
                            </p>
                        </div>
                    </li>
                </ul>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>

            <div class="footer-text">这个家基本上满足了我对质感生活的全部期待，也希望在日复一日与它的相处中，慢慢地丰富它。</div>
        </div>
    </div>
    <!--#include file="../inc/footer.aspx"-->
    <script src="../js/worm.js"></script>
</body>

</html>